<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>必要网购物车</title>
		<link rel="stylesheet" type="text/css" href="css/car.css" />
	</head>

	<body>
		<div id="main">
			<div id="header-box">
				<div id="header">
					<div class="h-left">
						<ul>
							<li>
								<a href="index.html">首页</a>
							</li>
							<li>
								<a href="#">平台政策</a>
							</li>
							<li>
								<a href="#" class="bn">商家入驻</a>
							</li>
						</ul>
					</div>
					<div class="h-right">
						<ul>
							<li class="dengluhou" style="color: #ccc;">
								<a href="enter.html" class="bn">登录</a>
								<a href="login.html">注册</a>
							</li>
							<li class="DL">
								<a href="#">下载必要APP</a>
								<div class="DL-ewm">
									<div class="bj">
										<img style="width: 160px;" src="image/index/bj.jpg" />
									</div>
									<img class="DL-img1" src="image/index/appLogo.png" />
									<p>我需要的，才是必要的</p>
									<img class="DL-img2" src="image/index/app.png" />
								</div>
							</li>
							<li style="padding-left: 20px;background: url(image/index/xx.jpg) no-repeat 10px 6px;">
								<a href="#" class="bn">消息中心<span style="margin-left: 5px;">0</span></a>
							</li>
							<li style="padding-left: 20px;background: #523669 url(image/index/car.jpg) no-repeat 10px 6px;">
								<a href="car.html" class="bn gwc">购物车<span style="margin-left: 5px;">0</span></a>
							</li>
						</ul>
					</div>
				</div>
			</div>

									<!-- nav 导航栏 -->
			<div id="nav">
				<div class="nav">
					<div class="S-left">
						<a href="#"><img src="image/index/logo.png" /></a>
					</div>
					<div class="car">
						<p></p>
						<span class="first">查看购物车</span>
						<span>确认订单信息</span>
						<span>在线付款</span>
						<span>收货并评价</span>
					</div>
				</div>
			</div>
									<!-- main -->
			<div id="main1">
				<div class="main">
					<div class="null">	<!--空购物车-->
						<p>您的购物车还是空的</p>
						<a href="index.html">马上购物</a>
					</div>
					<!-- cart -->
					<div class="cart" data-good-id="1">
						<h3>购物车</h3>
						<p>
							<input class="all" type="checkbox" /><i>全选</i>
							<span class="infor">商品信息</span><span class="price">单价</span><span class="count">数量</span><span class="pack">包装</span><span class="total">小计</span><span class="oper">操作</span>
						</p>
						<ul class="title">
							<li><input type="checkbox" /></li>
							<li>商家：<span>ZeroWalst婚纱礼服</span></li>
						</ul>
						<ul class="cars">
							<!--<li><input type="checkbox" /></li>
							<li><img src="images/product/1.jpg"/></li>
							<li class="infor">
								<h4>浪漫甜心柔纱婚纱</h4>
								<span>颜色：米白色</span>
								<span>尺寸：均码</span>
							</li>
							<li class="price">¥1699</li>
							<li class="count">
								<a class="cut" href="javascript:;">-</a>
								<span></span>
								<a class="add" href="javascript:;">+</a>
							</li>
							<li class="pack">普通包装（免费）</li>
							<li class="total">¥1699</li>
							<li class="oper"><a href="javascript:;">×</a></li>-->
						</ul>
						<p class="del">
							<span>
								<span>商品总数 <b>0</b> 件</span>
								<span>商品总价：<b>0</b></span>
								<span class="bao">包装费：0</span>
							</span>
						</p>
						<p class="go">
							<a href="index.html">继续购物</a>
							<span>
								<span>合计（不含运费）：</span>
								<span class="money">0</span>
								<a href="javascript:;">结算</a>
							</span>
							
						</p>
					</div>
				</div>
			</div>
			<div id="serve-box">
				<div id="serve">
					<ul>
						<li style="background: url(image/index/serve-make.png) no-repeat 36px 23px;">
							<p>直连一线制造</p>
						</li>
						<li style="background: url(image/index/serve-backage.png) no-repeat 36px 23px;">
							<p>全品类包邮</p>
						</li>
						<li style="background: url(image/index/serve-pay.png) no-repeat 36px 23px;">
							<p>平台先行赔付</p>
						</li>
						<li style="background: url(image/index/serve-refund.png) no-repeat 36px 23px;">
							<p>七天无忧退换货</p>
						</li>
					</ul>
				</div>
			</div>

			<div id="about-box">
				<div id="about">
					<dl>
						<dt>帮助中心</dt>
						<dd>
							<a href="#">平台政策</a>
						</dd>
						<dd>
							<a href="#">商家入驻</a>
						</dd>
					</dl>
					<dl>
						<dt>关注必要</dt>
						<dd>
							<a href="#">平台政策</a>
						</dd>
						<dd>
							<a href="#">商家入驻</a>
						</dd>
					</dl>
					<dl>
						<dt>关于必要</dt>
						<dd>
							<a href="#">平台政策</a>
						</dd>
						<dd>
							<a href="#">商家入驻</a>
						</dd>
						<dd>
							<a href="#">商家入驻</a>
						</dd>
					</dl>
					<dl style="border-right:solid 1px #ccc;">
						<dt>下载必要APP</dt>
						<dd><img style="width: 100px;height: 100px;" src="image/index/app.png" /></dd>
					</dl>
					<dl>
						<dt>服务监督邮箱</dt>
						<dd>
							cs@biyao.com
						</dd>
					</dl>
				</div>
			</div>

			<div id="bottom-box">
				<div id="bottom">
					<p>Copyright &copy;" 2017, BIYAO.COM 珠海必要科技有限公司 粤公网安备44049102496139号 粤ICP备13088531号-2</p>
					<p>公司地址：珠海市唐家湾镇哈工大路1号1栋E301-15公司电话：0756-3635580</p>
				</div>
			</div>

		</div>
	</body>
	<script src="js/jquery-1.11.0.js" type="text/javascript" charset="utf-8"></script>
	<script type="text/javascript" src="js/jquery.cookie.js" ></script>
	<script type="text/javascript" src="js/car.js"></script>

</html>